<!DOCTYPE html>
<html>
	<head>
		<title>ticket</title>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/main_zhao.css"/>
		<script src="js/init.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body class="tickets">
		<div class="ticket">
			<div class="logo">
				<div class="left-logo">
					<img src="img/logo_pic.png" class="pic-full"/>
				</div>
				<div class="rightlogo">
					<img src="img/logo_right.png" class="pic-full"/>
				</div>
				<div class="clear"></div>
			</div>
			<div class="get">
				<p class="txt-center">
					<span class="congratulation bl">恭喜你</span>
					<span class="getticket bl">获得《理查德·克莱德曼中国巡演2017钢琴音乐会》音乐剧门票一张</span>
					<span class="concat bl">工作人员将联系你领取门票赶紧邀请好友共赴优雅之约</span>
				</p>
				<!--<p class=" getticket txt-center">获得《理查德·克莱德曼</p>
				<p class=" getticket txt-center">中国巡演2017钢琴音乐会》</p>
				<p class=" getticket txt-center">音乐剧门票一张</p>
				<span class="concat txt-center">工作人员将联系你领取门票</span>
				<span class="concat txt-center">工作人员将联系你领取门票</span>-->
			</div>
			<div class="code">
				    	<img src="img/code_pic.png" class="pic-full"/>
		    </div>
		            <span class="show-info pt3">
				    	关注“一起大众”微信公众号，
				    </span>
				    <span class="show-info">更多福利不容错过哦！</span>
				    <div class="show-off">
				    	<img src="img/show_off.png" class="pic-full"/>
				    </div>
		</div>
		<div class="pop">
             <div class="pop-area">	 	
			 <div class="share">
			 	<img src="img/share_car.png" class="pic-full"/>
			 </div>
			 <div class="clear"></div>
			 <div class="share-info">
			 	<span class="share-it">分享至朋友圈</span>
			 	<span class="share-it">优雅并高调地赴约</span>
			 	<span></span>
			 </div>
			 </div>
	         <div class="pop-bg"></div>
         </div>
     <script type="text/javascript"> 
    var img_1=new Image();  
    img_1.onload=function(){a();};  
    img_1.src="img/logo_pic.png";  
    function a(){
    	var img_2=new Image();  
        img_2.onload=function(){b();};  
        img_2.src="img/logo_right.png";  
    }
    function b(){
    	var img_3=new Image();  
        img_3.onload=function(){c();};  
        img_3.src="img/color_font.png";  
    }
    function c(){
    	var img_4=new Image();  
        img_4.onload=function(){d();};  
        img_4.src="img/code_pic.png";  
    }
    function d(){
    	var img_5=new Image();  
        img_5.onload=function(){e();};  
        img_5.src="img/code_pic.png";  
    }
    function e(){
    	 	   	var h = document.documentElement.scrollHeight;
				   $("body").css("height",h);
				       $(".pop").css("height",h);
				         $(".show-off").click(function(){
				         	$(".pop").css("display","block");
				         	$(".show-info").css("visibility","hidden");
				         	$(".rightlogo").addClass("js-logoshow");
				         })
				         $(".pop").click(function(){
				         	$(this).css("display","none");
				         	$(".show-info").css("visibility","visible");
				         	$(".rightlogo").removeClass("js-logoshow");
				         })
    }
     </script>
	</body>
</html>
